본문 바로가기
닫기

"컬러"의 검색 결과

필터

Page of 12
  • 기획자의 피그마 figma - 컬러 스타일, 텍스트 스타일 만들기

    기획자의 피그마 다섯번째 시간입니다.
    효율적인 작업을 위해서 컬러와 텍스트 스타일을 설정하는 방법을 함께 알아보아요.


    * 기획자의 피그마 블로그 https://blog.naver.com/drivenmyself/
    블로그를 통해서도 Figma 강의 내용을 확인할 수 있습니다.


    #피그마 #figma #웹기획 #앱기획 #웹디자인 #컬러스타일 #텍스트스타일

    기획자의 피그마 figma - 컬러 스타일, 텍스트 스타일 만들기

  • 실제 UI 디자인 - 컬러

    색상은 사용자가 디지털 프로덕트를 인식하는 방법에 큰 영향을 끼쳤다. 만약 당신이 게슈탈트 원리와 그들이 사용자 인터페이스에 미치는 영향에 대해 알게 되었다면, 이제 색으로 더 많은 생명을 가져다주는 것..

    실제 UI 디자인 - 컬러

  • adobe color cc

    컬러 셋을 선택하는데 도움을 주는 어도브의 디자인 도구입니다.

    adobe color cc

  • Figma 기본코스 총정리 1편 - 컬러, 텍스트 스타일, 컴포넌트 만들기까지 한 방에 쭉 갑니다!! feat. Design system

    그동안 기획자의 피그마 기본코스를 정주행하셨나요? :)
    이번 총정리 편에서는 Figma 의 기본적인 기능으로 디자인 시스템(Design System)을 만들어봅니다.

    디자인 경험이 전혀 없더라도 아주 쉽게 이해할 수 있도록 준비했답니다.
    걱정마시고 Figma 에 관심있는 모든 분들, 어서 들어오세요~


    *** 기획자의 Figma 블로그
    https://blog.naver.com/drivenmyself



    #피그마 #figma #피그마강의 #figma강의 #Designsystem #디자인시스템 #웹디자인 #앱디자인 #웹기획 #기획실무 #피그마튜토리얼

    Figma 기본코스 총정리 1편 - 컬러, 텍스트 스타일,  컴포넌트 만들기까지 한 방에 쭉 갑니다!! feat. Design system

  • #3 figma 오토 레이아웃 기능 I 버튼 생성하기 Part 2

    #버튼컴포넌트 #반응형UI #figma핵심기능
    [목차]
    00:00 Intro
    00:48 피그마에서 Page 단위로 에셋 관리하는 사례
    01:44 피그마 파일에 Page 추가하고 순서 변경하기
    02:39 Auto Layout 단축키: Shift + A
    02:50 단축키 option 키를 활용하여 객체간의 여백 사이즈 확인하기
    03:03 Auto Layout기능 버튼 여백 조정하는 방법
    04:10 Layer 패널 Layer의 이름 변경하는 단축키 : command + R
    04:19 Auto Layout기능 텍스트를 오른쪽 방향으로 복제하는 방법
    05:04 Auto Layout 기능 정렬을 수평 방향에서 수직으로 변경하는 방법
    05:33 Auto Layout 기능 frame 안쪽의 객체들의 간격을 조정하는 방법
    05:54 버튼의 양끝 모서리 값 Corner Radius 값을 50%로 조정하는 방법
    06:26 Auto Layout 기능 Alignment and Padding 기능으로 여백 및 정렬 수정하는 방법
    06:56 Auto Layout 기능 Alignment and Padding 기능 Space Between
    07:38 Mac에서 사용 가능한 이모티콘 폰트 추가 단축키 : control + Command + Space Bar
    09:19 figma의 Selection Colors 기능 : 선택한 객체에 사용된 색상들을 일괄 수정하는 방법
    10:00 Auto Layout 기능 frame 안쪽의 객체들의 순서를 조정하는 방법
    10:44 Auto Layout 기능이 적용이 되지 않는 경우 해결 방법
    11:52 객체 높이에 영향을 덜 받는 짝수 높이 Button 만들기

    출처: https://designer-story.tistory.com/45 연정's figma

    #3 figma 오토 레이아웃 기능  I  버튼 생성하기 Part 2

  • #2 figma 스타일 정의 I 버튼 생성하기 Part 1

    [목차]
    00:00 인트로
    02:19 Button 텍스트 Local Style 생성하기
    04:20 figma Plugin을 활용하여 Local Style 생성하기 - Styler
    04:38 Rename 기능으로 Layer의 이름을 빠르게 수정하기

    #버튼컴포넌트 #Local스타일 #피그마기초
    * 회원 가입 및 figma 데스크톱 앱설치 : https://designer-story.tistory.com/34...
    * 새파일 생성하는 방법 : https://designer-story.tistory.com/38
    * 피그마 시작 가이드 #인터페이스: https://designer-story.tistory.com/40
    * Figma 유료 결제 시 유의사항: https://designer-story.tistory.com/35

    Figma로 버튼 컴포넌트 제작 Part 1
    * 두 번 이상 사용되는 텍스트 및 컬러 스타일에 대해 Local Style로 변환하여 재사용합니다.
    * Rename 기능과 Plugin Styler를 활용하여 Local Style로 빠르게 반영할 수 있습니다.

    #2 figma 스타일 정의  I  버튼 생성하기 Part 1

  • SwiftUI Text View 스타일링

    SwiftUI의 Text View 스타일링에 대해 알아보자!

    SwiftUI Text View 스타일링

  • 포토샵 기초부터 실무 활용 기능 10시간 특강

    ☞ IB96 채널 은 컴퓨터 프로그램과 스마트폰 IT 모바일 기기 사용법 응용능력 기능 을 알려드리는 교육 채널입니다
    IB96 멤버쉽회원 [가입]을 해주시면 좀더 좋은 컨텐츠로 보답하겠습니다
    가입주소:https://www.youtube.com/channel/UClkjSmTL-onPWI44KrZYWIg/join
    잘안되는 겨우는 크롬브라우져로 접속하시면 잘됩니다

    포토샵 2021 기초완성

    1.포토샵을 배워야 하는 이유, 작업환경, 기본툴(돋보기, 손바닥 툴) 이용과 단축키

    2.선택의 개념과 이동툴, 여러가지 선택 툴(lasso, polygonal lasso, 원형선택, 사각형 선택)

    3.픽셀, 해상도의 개념을 익히고 crop 툴로 원하는 구역을 자르는 방법과 저장방식에 대해서 배워봅니다.

    4.레이어의 개념과 기본적인 활용법을 배워 봅니다.

    5.포토샵에서 컬러를 만드는 방법,컬러의 지정,웹용과 프린트 및 인쇄 컬러의 차이,작업 목적에 따른 도큐먼트 설정

    6.종합예제
    선택, 이동, 레이어, 컬러, 회전 등의 기능들을 종합적으로 연습하는 예제

    7.타입툴 익히기
    타입툴과 컨트롤 패널에서 조절하는 방법과 캐릭터 패널을 열고 조절하는 다양한 기능들을 익힙니다.

    8패스툴 익히기
    패스의 기본원리의 이해와 직선과 곡선을 구현하는 방법
    펜툴 사용법과 패스선택툴, 직접 선택툴, 포인트의 위치 이동, 핸들의 조정,

    9패스툴을 활용하기
    포인트의 추가와 삭제, 컨버트 포인트 툴을 이용한 패스의 자유로운 편집, 패스를 이용한 다양한 모양 만들기
    패스를 선택영역으로 변환과 컬러 넣기

    10타입툴과 패스툴 활용 예제
    타입툴과 패스툴을 연동하여 여러가지 텍스트 연출하기
    패스를 따라 흐르는 텍스트, 텍스트박스에 텍스트 쓰기, 패스도형안에 텍스트 채우기,
    기본 다각형에 패스를 추가하여 원하는 도형 만들기

    11포토샵의 다양한 선택툴 익히기
    마그네틱 라쏘, 마술봉, 퀵 셀렉션, 오브젝트 셀렉션 툴을 이용한 선택 방법

    12adjustment의 level과 curve를 알아보고 보정의 기본 익히기
    레벨과 커브의 기본 원리를 배우고 레벨과 커브를 이용한 보정의 기본기를 익혀봅니다.

    13adjustment의 hue/saturation을 익히고 부분 컬러 변환하는 법 알아보기
    hue/saturation 의 원리와 사용법을 배우고 실제 사진에서 원하는 부분의 컬러를
    변환하는 부분 컬러변환을 익혀봅니다.

    14adjustment의 기능을 이용하여 사진의 밝기와 컬러를 보정하는 고급 기능 익히기
    밝기를 보정하는 고급기능인 shadow/highlight와 컬러를 보정하는 중요한 기능인 replace color와 color balance를 익혀봅니다.

    15필터기능을 익히고 종합예제 만들기
    blur필터를 배우고 나무재질 종합예제 만들기(레이어, 폴리곤 라쏘, 커브, hue/saturation, 컬러넣기)

    16그라디언트 툴을 익히고 예제 만들기
    그라디언트 툴, 경치를 그리는 예제 만들기
    (그라디언트 툴, gaussian blur, motion blur, 라쏘 툴, hue/saturation, flip)

    17도장툴 익히기
    도장툴을 활용한 사진합성과 보정방법을 배워 봅니다.

    18패스를 이용한 합성방법
    펜툴로 패스를그려서 두개의 사진을 합성하는 방법과 feather의 활용

    19브러쉬를 익히고 쉐입의 기본 기능 알아보기
    브러쉬와 여러가지 브러쉬 셋팅, 쉐입의 기본기능과 쉐입을 이용한 브러쉬 등록을 알아봅니다.

    20포토샵의 여러가지 편리한 기능들 살펴보기
    스포이드 툴, 여러가지 가이드, 스냅기능, 룰러의 단위 바꾸기, modify를 이용한 선택영역의 조절기능, grow, similar, 지우개 툴

    21이미지를 왜곡시키는 기능 알아보기
    scale, rotate, skew, distort, persfective, flip을 이용한 왜곡방법과 왜곡된 이미지를 수정하는 방법을 알아봅니다.

    22사진을 보정하는 간편한 툴들 익히기
    dodge, burn, sponge, blur, sharphen, smudge 툴을 익히고 실제 사진에 적용하는 방법을 알아 봅니다.

    23마스크 기능 익히기
    마스크기능을 익혀보고 활용법을 알아봅니다.

    24클리핑 마스크와 쉐입기능 익히기
    클리핑 마스크를 적용하고 활용하는 법과 shape의 custom shape 이용법을 알아봅니다.

    25블렌딩 모드 익히기
    블렌딩 모드의 기본적인 기능 멀티플라이, 스크린, 오버레이를 알아봅니다.

    26레이어 스타일 익히기
    레이어에 적용하는 여러가지 레이어 스타일 기능들을 익혀 봅니다.

    27인물사진 보정하는 방법

    28shape을 이용하여 약도를 그려보고 shape의 여러가지 활용법을 익히기

    29다양한 필터의 기능 익히기

    30포토샵에서 제공하는 레이아웃을 활용한 여러가지 작업물 만들기


    구글이나 네이버에서 IB96,또는 아이비컴퓨터교육닷컴으로 검색해 보세요
    컴퓨터와 모바일기기전문교육 *아이비컴퓨터교육닷컴*~~
    (주)아이비컴퓨터교육닷컴은 IT 자격증,디자인 프로그래밍 오피스등 다양한 교육컨텐츠를 제작 서비스하는 교육청 등록 평생교육 기관입니다 샘플 강좌를 보시고 컴퓨터와 모바일기기에서 쉽게 컴퓨터 프로그램을 배우시고 실무에 활용하세요
    #포토샵 #포토샾기초부터실무기능배우기 #PHOTOSHOP

    포토샵 기초부터 실무 활용 기능 10시간 특강

  • [포토샵] 흑백사진 속 특정 색 살리기 (색상 추출)

    컬러사진을 흑백사진으로 바꾸고, 특정 색만 살리는 색상 추출 방법을 알아볼까요?

    레이어 마스크 모드에서 이미지를 지우는 방법인
    1. Brush Tool (브러쉬 툴)
    2. Pen Tool (펜 툴)
    3. Quick Selection Tool (퀵 설렉션 툴)
    에 관하여도 자세하게 다뤘으니 이번 강좌도 놓치지 말고 꼭 확인하세요!

    ■ 예제파일 다운로드
    https://drive.google.com/open?id=1NtrCzlDft9wgNSK4n5ngK69FxeO4VGc0

    #포토샵강의 #색상추출 #흑백사진

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2018 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 디자인 의뢰 문의 https://open.kakao.com/o/sPDMl4tc
    (디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    [포토샵] 흑백사진 속 특정 색 살리기 (색상 추출)

  • [포토샵] 스케치 효과 만들기

    허접(?)한 방법이 아니에요! 우디만의 방법으로 사진을 스케치 효과로 만드는 방법을 알려 드릴게요 :)

    1.흑백전화
    2.색상반전
    3.Linear Dodge (add) 블렌딩 추가
    4. Minimun 수치 1 적용
    5. 레이어스타일의 Blend if 바 조정
    6. 약간의 컬러 추가

    ■ 예제파일 다운로드
    https://drive.google.com/open?id=1dgMKw-bKvOmgbSF6xafv9V3xKUJl2O44

    #포토샵 #스케치효과 #만화효과

    ----------

    '학원은 왜가? 우디와 함께 독학하자!'
    오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독&좋아요&알림 버튼 꾹~ 부탁드립니다 😍
    실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 :)

    본 영상에 사용된 버전은 Adobe CC 2018 및 Mac(애플컴퓨터) 환경이며,
    화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
    ⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift

    ◼︎ 광고/비즈니스/개인 문의 patoz@daum.net
    ◼︎ 디자인 의뢰 문의 https://open.kakao.com/o/sPDMl4tc
    (디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)

    ■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
    ■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/

    이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.

    [포토샵] 스케치 효과 만들기

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기