![Design Engineer](/img/default-banner.jpg)
- Видео 44
- Просмотров 109 783
Design Engineer
Южная Корея
Добавлен 5 июл 2020
장원영 AI로.. 소주 광고 촬영을 해 보았습니다
생성형 AI 이미지 기술 정말 무섭네요..
✅ 생성형 AI 이미지 정보 공유 오픈톡방 ─ link.harbor.school/6cf
📸 AI 로 광고 이미지 만들기 클래스 (사전 신청) ─ link.harbor.school/c8b
0:00 하이라이트
0:42 떠올렸으면 안될것 같은 아이디어..
2:28 만들 계획 짜기
4:38 1. 제품 잘 나오게 셀카.. 찍기
6:14 2. 어떤 AI 툴을 쓸까요? (포토샵 AI vs Comfy UI)
7:47 3. AI 로 광고 모델 선정하기 (장원영님 ㄷㄷ)
8:54 4. AI 로 광고 모델 & 배경 그리기
10:24 5. AI 로 조명 사용하기
11:48 6. 광고 제품 디테일 살리기
13: 22 7. 다양한 장소 & 남성 모델
16:15 결론. AI 가 정말 일자리를 대체할까요?
✅ 생성형 AI 이미지 정보 공유 오픈톡방 ─ link.harbor.school/6cf
📸 AI 로 광고 이미지 만들기 클래스 (사전 신청) ─ link.harbor.school/c8b
0:00 하이라이트
0:42 떠올렸으면 안될것 같은 아이디어..
2:28 만들 계획 짜기
4:38 1. 제품 잘 나오게 셀카.. 찍기
6:14 2. 어떤 AI 툴을 쓸까요? (포토샵 AI vs Comfy UI)
7:47 3. AI 로 광고 모델 선정하기 (장원영님 ㄷㄷ)
8:54 4. AI 로 광고 모델 & 배경 그리기
10:24 5. AI 로 조명 사용하기
11:48 6. 광고 제품 디테일 살리기
13: 22 7. 다양한 장소 & 남성 모델
16:15 결론. AI 가 정말 일자리를 대체할까요?
Просмотров: 1 563
Видео
AI 개발자가 바라본 WWDC 2024
Просмотров 137Месяц назад
(애플 AI 신기능 요약) 간만에 재밌는 WWDC 였네요 * 현재 서비스 중인 AI 프로덕트 - laura.monthlystartup.co/ko 0:00 하이라이트 0:51 WWDC 2024.. AI 말고 기억안남. 1:53 텍스트 & 이미지 관련 AI 기능들 5:29 Siri, 알림, 사진 검색 7:26 통화 녹음 & ChatGPT 9:02 요약 & 마무리
AI 이미지 무제한 공짜로 만드는 법 (Stable Diffusion 맥용 설치 방법)
Просмотров 352Месяц назад
미드저니 아직도 돈내고 쓰세요? 0:00 하이라이트 0:43 오늘은 AI 이야기 1:51 스테이블 디퓨전이 뭐죠? 2:40 스테이블 디퓨전 설치하기 9:50 스테이블 디퓨전 사용하기 11:03 스테이블 디퓨전 기초 사용법 14:47 결론 스테이블 디퓨전으로 만든 AI 프로필 서비스 (작가로라) laura.monthlystartup.co/ko
피그마로 웹사이트 10초 안에 베껴오기
Просмотров 18 тыс.2 месяца назад
과연 이제 디자이너와 개발자의 미래는? 0:00 인트로 0:28 피그마에서 엄청난걸 봤습니다... 2:01 한번 써봅시다 6:51 이제 웹사이트로 만들어 보겠습니다 (마술 아님) 7:59 디자이너, 개발자의 미래. 이런툴 괜찮은가?
AI 로 무신사 옷 공짜로.. 입어보는 방법
Просмотров 7602 месяца назад
네 AI 를 이용하면.. 여러분들이 사고 싶은 옷 모두 공짜로 입어보실 수 있습니다 AI 만세 0:00 인트로 0:43 오늘의 주제 2:37 Step1. 내 셀카와, 원하는 옷 이미지 고르기 3:53 Step2. 포토샵 AI 기능으로 선택한 옷 입어보기 7:35 옷의 로고도 AI 가 잘 입혀줄까요? 8:40 요약
프레이머에 한국형 결제 넣는 방법
Просмотров 5722 месяца назад
1. 래피드 서비스 이용: www.latpeed.com/ 2. 토스페이먼츠, 네이버페이등을 편하게 연결해주는 결제 서비스 이용 (포트원): portone.io/ * 영상에 사용된 프레이머 프로젝트 Remix: framer.com/projects/new?duplicate=g63NqIOVmoiZ1o4OJFRB 0:00 인트로 0:33 이 영상을 만들게 된 썰... 2:38 첫번째 방법 / 래피드 서비스 이용하기 7:24 두번째 방법 / 일반 결제 연동 서비스 10:29: 결론 및 요약
Framer Onboarding 2024 | Part 4 - Units of Width, Height
Просмотров 4175 месяцев назад
Framer Onboarding 2024 | Part 4 - Units of Width, Height
(Can we) make an Apple website exactly the same with Framer? Yes.
Просмотров 4,7 тыс.8 месяцев назад
(Can we) make an Apple website exactly the same with Framer? Yes.
Can you build a website without code with Figma?
Просмотров 28 тыс.Год назад
Can you build a website without code with Figma?
프레이머 온보딩 2024 ㅣ 2편 - Framer Sites 와 그외 기능들
Просмотров 3,7 тыс.2 года назад
프레이머 온보딩 2024 ㅣ 2편 - Framer Sites 와 그외 기능들
프레이머로 블로그를 만들수 있다고? (노코드 CMS 기능 전격 발표)
Просмотров 2 тыс.2 года назад
프레이머로 블로그를 만들수 있다고? (노코드 CMS 기능 전격 발표)
하버스쿨 디자인 시스템 만들기. 30일간의 목표는 사실 궁시렁 대기?
Просмотров 5254 года назад
하버스쿨 디자인 시스템 만들기. 30일간의 목표는 사실 궁시렁 대기?
코딩 노베이스인데 프레이머에서 코드를 다루려면 어떤 언어를 공부해야 하나요??
단비같은 한국어강의 감사합니다❤
영상 너무 잘 보고 있습니다!! 혹시 워크플로우도 공유하시나요? 너무 따라해보고싶어요!
굳굳
굿굿 입니다 ㅎㅎ
감사합니다!! 프레이머 영상 많이 올려주세요^^ 도움됩니다!!
넵 봐주셔서 감사합니다! ㅎㅎ
또 AI 로 만들었으면 좋은것 있으면 댓글로 알려주세요!
오...!
와우...!
안녕하세요 ! 너무 좋은 글 잘 봤습니다, 영상을 보니 한 가지 궁금한 점이 있는데, 프로토타입으로 만든것도 코드로 변환할 수 있는 플러그인이나 방법을 아시나요 ?
안녕하세요 피그마 프로토타입을 따로 Export 하는 것은 피그마의 DevMode 정도를 이용하는 방법 밖에는 모르겠네요 ㅠ 프로토타입 & 인터렉션은 프레이머쪽이 저는 더 편하고 자유도도 높아서 프레이머에서 만드는 편입니다 (이러면 리액트쪽으로 뽑기도 훨씬 쉽습니다 ㅎㅎ)
@@design-engineer 감사합니다 :)
피그마로 프렘만 베끼구 , 안에 이미지랑 , 텍스트 모두 변경 가능 한가요 ?
네네 이미지 텍스트 모두 변경 가능 합니다 :)
다음에는 뭐 만들어 볼까요? 원하시는것 있으시면 댓글로 알려주세요 :)
장원영 💕💜
💕💕
5명 분량의 업무를 2명이 밤샘 업무하고 3명은 백수되는 AI 시대가 열렸네요.
ㅎㅎ 그쵸 개인의 노동강도는 할수 있는게 더 많아져서 올라갈것 같네요
감사합니다
봐주셔서 감사합니다
디테일하고 빠른 설명 감사드립니다! 구독했어요~
ㅎㅎ 감사드립니다
남의 오랜 고생이 들어간걸 훔쳐간다라?????
소스를 따로 뺄 수는 없나요?
안녕하세요 피그마 DevMode 나 여러 플러그인에서 피그마 디자인을 코드로 빼는 방법들을 제공 해주고 있습니다 :)
@@design-engineer 프레이머로 html이나css로 소스를 뺄 수 있나요!!???♡♡
@@설탕아빠퀴즈 프레이머에서는 실험적인 handshake 라는 기능을 제공 해서 프레이머에 그려진 화면, 컴포넌트들을 모두 리액트 코드로 빼는 기능을 제공하고 있습니다
반갑습니다. 굿브랜드 운영사 입니다. 아이디어도 얻을겸 지난영상들도 잘 보고 있습니다. ㅎㅎ
넵 영상 봐주셔서 감사합니다
웹사이트 Publish 한것들 삭제 어떻게하나요?
프레이머에서는 삭제기능은 없고 아카이브를 하시는 방법이 있습니다
@@design-engineer 엥 그러면 웹사이트 계속남는건가요? 계정삭제해도 안없어지나요?
@운용조 아카이브하시면 그 웹사이트는 본인외에 다른 사람은 절대 접근할 수 없습니다
오늘도 행복한 하루
감사합니다
✅ 생성형 AI 이미지 정보 공유 오픈톡방 들어오세요 ㅎㅎ ─ link.harbor.school/6cf + 위 AI 광고를 만들어 볼 수 있는, Comfy UI 강의를 제작 하고 있습니다! 사전 신청하시면 5만원 정식 오픈시 할인쿠폰을 드려요 ─ link.harbor.school/c8b
어제 처음으로 알고리즘으로 알게 되었는대 정말 이런 좋은 정보 너무 감사합니다. 어디에도 찾기 어려운 강의입니다 오프라인 강의하면 꼭 참여하고 싶습니다.
오 도움 되시는 정보였으면 합니다 :)
너무 기다리던 정보였습니다! 감사드립니다:)
ㅎㅎ 도움 되는 정보여서 다행이네요! 감사합니다
버튼 인터렉션도 프레이머로 웹사이트 제작 가능한가요?
네 그럼요! 이 영상 참고해보시면 될것 같습니다 ㅎ ruclips.net/video/oDStjTQVXpA/видео.html
도움이 됐습니다. 감사합니다😆
네 감사합니다!
유용한 내용이네요. 구독 좋아요 했어요. Position 은 피그마에서 반응형 고려해서 지정해주면 프레이머에서 다시 지정 안해도 깨지지 않고 잘 import 되지 않나요? 문서 위주의 피그마는 웹으로 퍼블리시할 수 있지만, 인풋 필드, 셀렉트 박스, 이런 진짜 현실 웹이나 앱에서의 인터랙션 구현은 불가능하죠? 잘 몰라서 질문 드립니다.
감사합니다! 네 position 은 가져오는데, 반응형 단위는 한번 더 체크 해주셔야 할거에요! Form 은 인터렉션 요소가 특히 많은 편이라, 프레이머에서 몇번 더 작업이 필요 합니다 그치만 기술이 좋아져서 프레이머에서는 코드 없이 간단한 Form submission 등도 만드 실 수 있어요 ㅎ
프레이머 공부중인데 너무 잘 참고하고있습니다~ 네이버 페이도 기대할게요!
넵 봐주셔서 감사합니다 :)
Gpt 말고 다른 ai 도 사용한건가요?
GPT-4o 를 사용해서 피그마 레이어 관련 정보들을 생성해서 뿌려주는것으로 보입니다
참고정도는 가능
네 참고용으로도 좋은것 같습니다 :)
너무 흥미로워서 바로 구독눌렀습니다! 프레이머로 이동하고나서 한 페이지뿐 아니라 각각 메뉴로 이어지게끔 하는것도 알려주시면 감사할것같아요!
네 의견 감사합니다! 영상에서 또 기회되면 디테일하게 다루어 봐 볼게요
안에 글씨.폰트나 사진같은거 수정도 가능하나요?
네 가져온 레이어들은 일반 피그마 레이어와 완전 동일합니다 (오히려 레이어 이름들을 사람보다 더 잘 정리해줍니다..) 이에 가져오신 후 원하는 만큼 다 수정 하실 수 있습니다
감사합니다 피그마 배우겠습니다
@MsDietman 네 피그마 궁금하신게 있으시면 또 알려주세요
리액트 공부중인 UX디자이너 입니다..강의 쉬워서 좋습니다!! 잘보고 있어요...이러다 결제까지 할거 같은...ㅠ.ㅠ 근데 몇가지 궁금한게..있습니다... 1. 영상처럼 프레이머로 인터랙션과 UI를 짜서...프론트 개발자한테 넘기면..프론트 개발자는...인터랙션과 UI 코드 작업은 이제 아예 안해도 되는건가요? (효율성이 엄청 올라갈듯) 2. 피그마에서도 개발자 모드로 보면 리액트 코드 나오는데...이 코드랑 프레이머 리액트 코드랑은 다른건가요? (피그마는 안되는데 프레이머는 된다는?) 3. 디자인시스템을 기존에 스토리북을 이용해 만들려고 했는데..프레이머로 대체 가능할지.. 너무 궁금해요..
1. 개발 하는 방식을 Handshake 를 사용한다면, 말씀하신것 처럼 인터랙션 & UI (HTML, CSS) 코드작업은 안해 도 됩니다 하지만 대부분의 팀이 아직 이를 도입하기에는 기존에 사용하던 코드 방식을 선호하고, beta 기능에 대한 리스크를 감수하기 힘들어 합니다 하지만 Handshake를 도입하지 않아도, 프레이머에서 작업한 인터렉션들은 framer-motion 이라는 개발자용 애니매이션 라이브러리를 이용하면 쉽게 개발이 가능합니다 2. 둘다 리액트 코드인것은 맞습니다 큰 차이는 아니나, 개발자들마다 또는 코드로 뽑아주는 플러그인 / 툴마다 다른 스타일의 코드 스타일을 갖고 있다고 보시면 됩니다 :)
와....ㅋㅋㅋㅋ 엄청 나네요!
예 어마어마 합니다! ㅎㅎ
와... 개꿀...
ㅎㅎ 꿀입니다
음...나쁜 용도만 안 쓰면.... 디자이너로써는 내가 열심히 디자인한게 대른 사람이 무단 도용하는 거라 씁쓸하네요....
그쵸 ㅠㅠ 인터넷은 너무 오픈 되어 있는 공간이긴 해요
피그마
는 사랑입니다
X에서 난리가 나서 봤는데, 제대로 큰 녀석이 나왔네요..!
오 X 에서도 이 플러그인이 얘기가 있었군요! ㅎㅎ 네 꽤 유용한 플러그인 같아요
와... 이 다음에 사이트로 뽑아주는 플러그인 쓰면 바로 끝이네... ㅎㅎㅎㅎ
와... 프론트개발자만 먹고살기 막막한게 아니라 디자이너도?
네 기술이 너무 빨리 발전하네요 ㅠ
누구도 피해갈수 없죠~모두가 막막함
🥲🥲
오 영상잘봤어요. !!
감사합니다!!
굳굳😊
감사합니다 😊
이런식으로 안경도 씌어볼수 있는거겠죠?
네! 비슷하게 되실거에요 ㅎ 레퍼런스 이미지가 중요합니다
풀버전 (따라해보실 수 있어요) - ruclips.net/video/o-jCiv8n638/видео.html
감사합니다
네 감사합니다!
복귀를 환영합니다. 더불어 좋은 강좌 내용 올려주셔서 많은 도움이 되었습니다. 개인적으로 강좌를 보고 회사 홈페이지를 프레이머로 리뉴얼 중인데 한가지 사측에서 우려하는 점이 만들어진 홈페이지 소스를 회사 서버에 올려서 배포하기를 원하는데 프레이머의 경우 그럴수가 없다고 알고 있습니다. 그래서 이 문제를 어떻게 해결해야 할지 조금 난감하네요. 방법이 없을까요?
네 기본적으로 프레이머 호스팅방법만 현재는 제공 합니다 다만 저 같은 경우 프레이머에서 그린 컴포넌트들을 프레이머의 Handshake 기능을 이용해 아래 서비스를 다른 호스팅으로 만들었습니다 laura.monthlystartup.co/ko Handshake: www.framer.com/developers/
Handshake 는 참고로 지원을 더 적극적으로 하고 있는 기능은 아닙니다
제게 필요했던 정보였습니다. 감사합니다 ^^
감사합니다 🙏🏻
프레이머로 물건을 파는 쇼핑몰을 구축하는 것은 어렵겠지요?
가능은 합니다만, 별도의 배송등을 관리하는 관리자 페이지가 현재는 필요합니다 이번 년도에 프레이머 플러그인이 나온다는데, 여기서 원하는 형태의 기능을 코드 없이 추가 해보실수 있으실것 같네요
@@design-engineer 프레이머로 작업하다가 아임웹으로 재작업 중이어서 여쭤봤어요. 아무래도 마이페이지의 많은 기능을 구현하려니 프레이머도 쇼핑몰 기능을 장착하지 않으면 디지털 콘텐츠같은 무형을 판매만 해야 하는 한계가 아직은 있더라구요. 답변 감사합니다. 하지만 현재까지 최애 툴인건 확실합니다!!
네네 맞습니다 기술적으로는 프레이머가 충분히 넥스트 워드프레스가 될수 있을것 같아요
감사합니다!! 😊
넵 봐주셔서 감사합니다
안녕하세요. 프레이머로 작업했을 경우, 어드민 페이지를 만들어서 직접 작업을 올릴 수 있도록 할 수 있을까요?
안녕하세요 프레이머에서 제공하는 Admin 은 현재 CMS 관리 페이지 밖에 없습니다 다만 코드를 사용하실 수 있다면, 별도의 Admin 페이지를 만드신 후 프레이머 내의 컨텐츠들과 연결해서 사용 하실 수 있습니다
@@design-engineer 답변 감사합니다. 덕분에 프레이머를 시작하는 데에 참고가 됐습니다.
네 봐주셔서 감사합니다
@@Shintaro2024 네 감사합니다